<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="../common/header.jsp" %>
<style>
    body {
        background-color: #f0f0f0;
    }
</style>
<div class="row">
    <div class="col-sm-12">

        <div style="width: 100%; position: relative; background: #ffffff; border: 1px solid #cccccc; margin: 80px 0; padding: 40px 15px;">
            <div class="log-icon"></div>
            <h2 class="text-center" style="line-height: 60px; font-size: 24px;">Accounting Change Readiness</h2>

            <div class="row">
                <div class="col-lg-10 col-md-offset-1 mt10 question" id="question-js">
                    <h3>results: <span id="results-value-js"></span></h3>
                    <p>Title: <span id="title-js"></span></p>
                    <p>You have successfully submitted the questionnaire, thank you.</p>
                    <div id="confirm-js">

                    </div>

                </div>
            </div>

        </div>
    </div>

</div>




<%@ include file="../common/footer.jsp" %>

<script>
    $(function(){
        var resultsValue = window.localStorage.getItem('answerResults');
        if(resultsValue == 'High'){
            $('#results-value-js').addClass('red-font');
        }else if(resultsValue == 'Moderate'){
            $('#results-value-js').addClass('orange-font');
        }else if(resultsValue == 'Low'){
            $('#results-value-js').addClass('green-font');
        }

        $('#results-value-js').html(resultsValue);
        var answer = $.parseJSON(window.localStorage.getItem('questionAnswerData'));
        var questionTitle =  $.parseJSON(window.localStorage.getItem('questionTitleData'));
        $('#title-js').html(answer.title);
        $.get('html/answer/confirm.html',function(html){
            var tml =_.template(html);
            //$('#confirm-js').html(tml({answer:answer, questionTitle:questionTitle}));
        });
    });
</script>